"use client";

import React, { useState } from "react";
import dynamic from "next/dynamic";
import Head from "next/head";
import PointCloudDemo from "@/components/PointCloudDemo";


// HeartScene is a client-only component that uses WebGL. Import normally (it's client code).
const HeartScene = dynamic(() => import("@/components/HeartScene"), {
    ssr: false,
});

export default function Home() {
    return (
        <div className="min-h-screen  text-white">
            <main className="flex flex-col items-center justify-center py-12">
                <div
                    className="relative w-[800px] h-[800px] rounded-2xl overflow-hidden shadow-[0_0_40px_rgba(255,0,0,0.15)] border border-[#2a2a2a]"
                >
                    <HeartScene />
                    {/* <PointCloudDemo /> */}
                </div>
            </main>
        </div>
    );
}
